<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>登录页</title>
	</head>
	<body>
		<header>
			<!-- 跳转链接 -->
			<p id="skip">注册账号</p>
		</header>
		<main>
			<!-- 版心 -->
			<div class="container">
				<!-- 登录表单 -->
				<div id="loginBox">
					<!-- 标题 -->
					<h2>密码登录</h2>
					<!-- 电话号码盒子 -->
					<p>
						<input type="text" placeholder="请输入电话号码" id="tel" /> <br />
						<span class="tel"></span>
					</p>
					<!-- 密码框盒子 -->
					<p class="pwd">
						<!-- 密码框 -->
						<input type="password" placeholder="请输入密码" id="paw" /> <br />
						<!-- 提示信息 -->
						<span class="paw"></span>
						<!-- 眼睛图标 -->
						<span class="iconfont icon-biyanjing" id="eyes"></span>
					</p>
					<!-- 登录按钮 -->
					<button type="button" id="btn">登录</button>
					<!-- 下方提示 -->
					<p class="hint">
						<span class="ftp">忘记密码</span>
						<!-- 微信图标 -->
						<span class="iconfont icon-weixin"></span>
						<span class="wecheat">微信登录</span>
					</p>
				</div>
			</div>
		</main>
		<footer>
			<h3>- HOLD ON -</h3>
		</footer>
	</body>
</html>
